﻿<!DOCTYPE html>
<html>
<!-- 
App-o-Mat jQuery Mobile Cordova starter template
Copyright 2014 Lou Franco
https://github.com/app-o-mat/jqm-cordova-template-project
http://app-o-mat.com

MIT License
https://github.com/app-o-mat/jqm-cordova-template-project/LICENSE.md
-->
<head>	
	<meta charset="utf-8">
	<meta name="format-detection" content="telephone=no" />
	<!--<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, target-densitydpi=device-dpi" />-->
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, target-densitydpi=medium-dpi, user-scalable=0" />
	<title>SX Hoteles</title>

	<link rel="stylesheet" href="css/index.css">
	<link rel="stylesheet" href="lib/jquery-mobile/css/jquery.mobile-1.4.0.min.css" />
	
	<script type="text/javascript" src="lib/jquery-mobile/js/jquery-1.11.0.min.js"></script>
	<script type="text/javascript" src="lib/jquery-mobile-router/js/jquery.mobile.router.min.js"></script>
	<script type="text/javascript" src="lib/jquery-mobile/js/jquery.mobile-1.4.0.min.js"></script>

	<script type="text/javascript" src="js/funciones_datos.js"></script>
	<script type="text/javascript" src="js/index.js"></script>
</head>

<body>


<!--
<div id="popup-outside-page" data-theme="a">
	 This popup has its theme explicitly defined via data-theme="a"
	     because it has no parent from which to automatically inherit
	     its theme
	<ul data-role="listview">
		<li>Global Menu</li>
		<li><a href="#demo-intro">Intro Page</a></li>
		<li><a href="#other-page">Other Page</a></li>
		<li><a href="#third-page">Third Page</a></li>
	</ul>
</div>
-->

<!--
	PAGINA MENU. AHORA USAMOS POPUPMENU
	
<div data-role="page" id="page-menu">
	<div role="main" class="ui-content">
		<h2>Menu</h2>
		<div id="page-menu-logo"></div>
		<ul id="page-menu-items" data-role="listview">
			<li><a href="#page-principal">Inicio</a></li>
            <li><a href="#page-telefonos">Telefonos</a></li>
            <li class="expanded"><a class="on">Servicios</a>
	            <ul id="page-menu-subservicios" class="submuneu">
		            <li><a>Prueba</a></li>
		        </ul>
            </li>
        </ul>
	</div>
</div>-->

<!-- POPUP MENU -->
<div data-role="popup" id="popupMenu" data-corners="false" data-theme="a" data-shadow="false" data-tolerance="0,0">
	<ul id="popup-menu-items" data-role="listview" >
		<li><a href="#page-principal">Inicio</a></li>
        <li><a href="#page-telefonos">Telefonos</a></li>
        <li class="expanded"><a class="on">Servicios</a>
	        <ul id="popup-menu-subservicios" class="submuneu">
		        <li><a href="#page-restaurantes">Restaurante</a></li>
		        <li><a>Habitaciones</a></li>
		    </ul>
        </li>
    </ul>
</div>

<!--
	PAGINA PRINCIPAL
-->
<div data-role="page" id="page-principal">
	<div id="header" data-role="header" data-position="fixed">
		<!--<h1>SX Hoteles</h1><a href="#page-menu" data-transition="slideup" data-direction="reverse" data-icon="bars" class="ui-btn-left">Menú</a>-->
		<!--<a href="#popup-outside-page" data-rel="popup">Menu PANEL</a>-->

		<a id="button-menu" href="#popupMenu" data-rel="popup" data-transition="none" data-direction="reverse" data-position-to="window" data-role="button">Menú</a>
		<h1>SX Hoteles</h1>
	</div>

	<div role="main" class="ui-content" id="page-principal-content">
		<div id="page-principal-logo">
			<a href="#popupDialog" data-rel="popup" data-position-to="window" data-role="button" data-inline="true" data-transition="pop" data-icon="delete" data-theme="b"><img src="img/logo_somxarxa_texto.png"></a>
		</div>
			
		<div id="page-principal-notificacion">
			<h2>Datos última Notifacion</h2>
			<p>Oferta: Menú por 15€</p>
		</div>

	</div>
	<div id="page-principal-tiempo" data-role="footer" data-position="fixed">
		<h1>Valencia 22ºC</h1>
	</div>

	
	<div data-role="popup" id="popupDialog" data-overlay-theme="a" data-theme="c" data-dismissible="false" style="max-width:400px;" class="ui-corner-all">
	    <div data-role="header" data-theme="a" class="ui-corner-top">
	        <h1>Info HOTEL</h1>
	    </div>
	    <div id="popupDialog-content" data-role="content" data-theme="d" class="ui-corner-bottom ui-content">
	    </div>
	</div>

</div>

<!--
	PAGINA TELEFONOS
-->
<div data-role="page" id="page-telefonos">
	<div id="header" data-role="header" data-position="fixed">
		<a id="button-menu" href="#popupMenu" data-rel="popup" data-transition="none" data-direction="reverse" data-position-to="window" data-role="button">Menú</a>
		<h1>SX Hoteles</h1>
	</div>

	<div id="page-telefonos-content" role="main" class="ui-content">
		<ul id="page-telefonos-list" data-role="listview" data-theme="a" >
	        <li>
	        	<!--TODO: Borrar ejemplo-->
		        <a href="tel:+34630564619">
			        <img src="http://www.persianasegoki.es/img/telefono-icon.png">
			        <h2>Nombre</h2>
			        <p>6662226654</p>
		        </a>
	        </li>
        </ul>
	</div>
</div>

<!--
	PAGINA Restaurantes
-->
<div data-role="page" id="page-restaurantes">
	<div id="header" data-role="header" data-position="fixed">
		<a id="button-menu" href="#popupMenu" data-rel="popup" data-transition="none" data-direction="reverse" data-position-to="window" data-role="button">Menú</a>
		<h1>SX Hoteles</h1>
	</div>

	<div id="page-restaurantes-content" role="main" class="ui-content">
		<ul id="page-restaurantes-list" data-role="listview" data-theme="a" >
	        <!--TODO: Borrar ejemplo-->
            <li>
            	<a href="restaurante.html">
                    <img src="./assets/pics/Amy_jones.jpg">
                    <div class="categoria">Deportes</div>
                    <h2>Ultima llamada para convocatoria</h2>
                    <p>Beca deporte para niños entre 12 y 16 años para la realizacion de asd adspa sdansd</p>
                    <div class="ui-li-aside">hace 3 días</div>
                </a>
	        </li>
        </ul>
	</div>
</div>


<!--
	PAGINA Restaurante
-->
<div data-role="page" id="page-restaurante">
	<div id="header" data-role="header" data-position="fixed">
		<a id="button-menu" href="#popupMenu" data-rel="popup" data-transition="none" data-direction="reverse" data-position-to="window" data-role="button">Menú</a>
		<h1>SX Hoteles</h1>
	</div>

	<div id="page-restaurante-content" role="main" class="ui-content">
		<h1>Hotel xxxxxxxx</h1>
		<p>aksdnlaksndasd askdnmlas dlaksndk asldkn alsd aplskdnklas dloaksdnl</p>
	</div>
</div>



<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="lib/fastclick/js/fastclick.js"></script>
<!--<script type="text/javascript" src="lib/handlebars/js/handlebars-v1.3.0.js"></script>-->
<script type="text/javascript" src="js/globals.js"></script>
<script type="text/javascript" src="js/adapters/ws-jsonp-adapter.js"></script>
<script type="text/javascript" src="js/adapters/localstorage-servicios.js"></script>

<script type="text/javascript">
	app_hoteles.app.initialize();
</script>

</body>
</html>
